<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
	</head>
	<script src="../js/DateJS.js" type="text/javascript"> </script>
	<style type="text/css">
		body {
			background-color: #3994EE;
			text-align: center;
		}

		.div1 {
			background-image: url(img/1.png);
			width: 118px;
			height: 60px;
			color: #F6F6F6;
			float: left;
		}

		.div1:hover {
			background-image: url(img/2.png);
		}

		.div1:active {
			background-image: url(img/3.png);
		}

		a {
			text-decoration: none;
		}

		.div2 {
			height: 1px;
		}

		.div3 {
			border: #0CF solid 2px;
			height: 600px;
			margin-top: 65px;
			background-color: #E7FEED;
		}
	</style>

	<body>
		<div id="app2">
			<div class="div2">
				<table width="354" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td width="118"> <a href="ygxxcx.html">
								<div class="div1">
									<h4 style="text-align:center; line-height:0"> 员工信息查询</h4>
								</div>
							</a> </td>
						<td width="118"><a href="ygxxxx.html">
								<div class="div1">
									<h4 style="text-align:center; line-height:0">详细信息查询</h4>
								</div>
							</a></td>
						<td width="118">

						<td width="118">

						</td>
					</tr>
				</table>
			</div>
			<div class="div3" align="center">
				<form onsubmit="return false;">
					<table width="880" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td width="140" rowspan="13" align="center" valign="middle">
								<h1>
									员
									<br />
									工
									<br />
									详
									<br />
									细
									<br />
									信
									<br />
									息
									<br />
									及
									<br />
									修
									<br />
									改
								</h1>
							</td>
							<td width="96" height="30" align="right" valign="middle">
								员工号：
							</td>
							<td width="188" align="left" valign="middle">
								<input type="text" v-model="userlist.id" @blur="getuser()" >
								<font color="#FF0000">*</font><span id="nomspan"></span>
							</td>
							<td width="113" height="30" align="right" valign="middle">
								姓名：
							</td>
							<td width="193" align="left" valign="middle">
								<input type="text" v-model="userlist.userName">
								<span id="namespan"></span>
							</td>
							<td width="145">
								<font color="#FF0000" size="-1">注意：" * "为不可更改项</font>
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								性别：
							</td>
							<td align="left" valign="middle">
								<select name="gender" v-model="userlist.gender">
									<option selected="selected"> 请选择 </option>
									<option value="1"> 男 </option>
									<option value="0"> 女 </option>
								</select>
								<span id="sexspan"></span>
							</td>
							<td height="30" align="right" valign="middle">
								出生日期：
							</td>
							<td align="left" valign="middle">
								<input type="text" style="border: 1px solid #999;" name="birthday"
									v-model="userlist.birthday" />
								<span id="birthdayspan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								身高：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.height">
							</td>
							<td height="30" align="right" valign="middle">
								身份证号：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.idCardNumber">
								<span id="IDspan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td width="96" height="30" align="right" valign="middle">
								部门：
							</td>
							<td width="188" align="left" valign="middle">
								<select name="department" v-model="userlist.department" disabled="disabled">

									<option value="0">销售部</option>

									<option value="1">市场部</option>

									<option value="2">创意部</option>

									<option value="3">人事部</option>

									<option value="4">管理部</option>

									<option value="5">部门测试</option>

								</select>
								<!-------------------------------------->
								<font color="#FF0000">*</font><span id="deptspan"></span>
							</td>
							<td width="113" height="30" align="right" valign="middle">
								岗位：
							</td>
							<td width="193" align="left" valign="middle">
								<select name="station" v-model="userlist.station" disabled="disabled">

									<option value="0">营销推广</option>

									<option value="1">销售代理</option>

									<option value="2">采购材料</option>

									<option value="3">市场调查</option>

									<option value="4">创意总监</option>

									<option value="5">设计员</option>

									<option value="6">检测员</option>

									<option value="7">人事经理</option>

									<option value="8">后勤员</option>

									<option value="9">总经理</option>

									<option value="10">副总经理</option>

									<option value="11">经理助理</option>

								</select>
								<font color="#FF0000">*</font><span id="jobspan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td width="96" height="30" align="right" valign="middle">
								入职日期：
							</td>
							<td width="188" align="left" valign="middle">
								<input type="text" style="border: 1px solid #999;" v-model="userlist.inJobTime" />
								<span id="hiredatespan"></span>
							</td>
							<td width="113" height="30" align="right" valign="middle">
								参加工作日期：
							</td>
							<td width="193" align="left" valign="middle">
								<input type="text" style="border: 1px solid #999;" name="inWorkTime"
									v-model="userlist.inWorkTime" />
								<span id="joindatespan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								用工形式：
							</td>
							<td align="left" valign="middle">
								<select name="employmentForm" v-model="userlist.employmentForm">
									<option value="1" selected="selected">
										正式员工
									</option>
									<option value="1">
										正式员工
									</option>
									<option value="0">
										临时员工
									</option>
								</select>
								<span id="workformspan"></span>
							</td>
							<td height="30" align="right" valign="middle">
								人员来源：
							</td>
							<td align="left" valign="middle">
								<select name="personnelSource" v-model="userlist.personnelSource">
									<option value="2" selected="selected">
										其它
									</option>
									<option value="0">
										校园招聘
									</option>
									<option value="1">
										社会招聘
									</option>
									<option value="2">
										其它
									</option>
								</select>
								<span id="sourcespan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								婚姻状况：
							</td>
							<td align="left" valign="middle">
								<select name="maritalStatus" v-model="userlist.maritalStatus">
									<option selected="selected">

									</option>
									<option value="1">
										已婚
									</option>
									<option value="2">
										未婚
									</option>
									<option value="3">
										丧偶
									</option>
									<option value="4">
										离婚
									</option>
									<option value="5">
										保密
									</option>
								</select>
							</td>
							<td height="30" align="right" valign="middle">
								政治面貌：
							</td>
							<td align="left" valign="middle">
								<select name="politicalOutlook" v-model="userlist.politicalOutlook">
									<option selected="selected"></option>
									<option value="1">
										党员
									</option>
									<option value="2">
										预备党员
									</option>
									<option value="3">
										团员
									</option>
									<option value="4">
										其他
									</option>
								</select>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								电子邮件：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.email">
							</td>
							<td height="30" align="right" valign="middle">
								联系电话：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.tel">
								<span id="phonespan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">民族：</td>
							<td align="left" valign="middle">
								<input type="text" name="nationality" v-model="userlist.nationality" />
							</td>
							<td height="30" align="right" valign="middle">
								籍贯：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.nativePlace">
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								出生地：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.birthPlace">
							</td>
							<td height="30" align="right" valign="middle">
								血型：
							</td>
							<td align="left" valign="middle">
								<select name="bloodType" v-model="userlist.bloodType">
									<option selected="selected">
										请选择
									</option>
									<option value="1">
										A型
									</option>
									<option value="2">
										B型
									</option>
									<option value="3">
										AB型
									</option>
									<option value="4">
										O型
									</option>
									<option value="5">
										其他血型
									</option>
								</select>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">最高学历：</td>
							<td align="left" valign="middle">
								<select name="education" v-model="userlist.education" disabled="disabled">
									<option selected="selected"> 请选择 </option>
									<option value="1"> 高中及以下</option>
									<option value="2"> 大专</option>
									<option value="3"> 本科</option>
									<option value="4"> 研究生</option>
								</select>
								<font color="#FF0000">*</font><span id="maxeducationspan"></span>
							</td>
							<td height="30" align="right" valign="middle">
								最高学位：
							</td>
							<td align="left" valign="middle">
								<select name="degree" v-model="userlist.degree" >
									<option selected="selected"> 请选择 </option>
									<option value="1"> 无学位 </option>
									<option value="2"> 学士</option>
									<option value="3"> 双学士</option>
									<option value="4"> 硕士</option>
									<option value="5"> 博士 </option>
									<option value="6"> 博士后</option>
								</select>
								<span id="maxdegreespan"></span>
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								毕业院校：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.university">
							</td>
							<td height="30" align="right" valign="middle">
								所学专业：
							</td>
							<td align="left" valign="middle">
								<input type="text" v-model="userlist.major">
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="middle">
								毕业日期：
							</td>
							<td align="left" valign="middle">
								<input type="text" style="border: 1px solid #999;" v-model="userlist.graduationDate" />
							</td>
							<td height="30" align="right" valign="middle">
								&nbsp;
							</td>
							<td align="left" valign="middle">
								&nbsp;
							</td>
							<td>
								&nbsp;
							</td>
						</tr>
					</table>
					<br />
					<table border="0" cellspacing="0" cellpadding="0">
						<!--  <tr>
							<td width="122" rowspan="4">
								&nbsp;
							</td>
							<td width="276" align="center" valign="middle">
								名称
							</td>
							<td width="303" align="center" valign="middle">
								描述
							</td>
							<td width="122" rowspan="4">
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="30" align="center" valign="middle">
								试用期开始日期：
							</td>
							<td align="center" valign="middle">
								<input type="text" style="border: 1px solid #999;"
									name="startdate" onClick="fPopCalendar(event,this,this)"
									onFocus="this.select()" readonly="readonly" />
								<font color="#FF0000">*</font><span id="startdatespan"></span>
							</td>
						</tr>
						<tr>
							<td height="30" align="center" valign="middle">
								试用期结束日期：
							</td>
							<td align="center" valign="middle">
								<input type="text" style="border: 1px solid #999;"
									name="enddate" onClick="fPopCalendar(event,this,this)"
									onFocus="this.select()" readonly="readonly" />
								<font color="#FF0000">*</font><span id="enddatespan"></span>
							</td>
						</tr>
						<tr>
							<td height="30" align="right" valign="bottom"
								style="padding-right: 10px;">
								
							</td>
							-->
						<td align="left" valign="bottom" style="padding-left: 10px;">
							<input type="number" v-model="id" placeholder="输入员工号查询" />
							<button @click="getUser()">查询</button>
							<button type="button" @click="update()">修改</button>
							<input style="margin-left: 15px;" name="reset" type="reset" value="重置"
								onclick="location.reload()" />
						</td>
						</tr>
					</table>
					<h3 style="color:red;"></h3>
				</form>

			</div>
		</div>

		<script src="../js/axios.js"></script>
		<script src="../js/vue.js"></script>

		<script>
			axios.defaults.baseURL = "http://176.55.4.113"
			const app = new Vue({
				el: "#app2",
				data: {
					userlist: []
			
				},
				methods: {
					update() {
						axios.post("/upDate", this.userlist).then(result => {
							alert(result.data)
							this.getuser()
						})
					},
					getuser() {
						axios.get("/getUser/" + this.userlist.id).then(result => {
							this.userlist = result.data

						})
					}
				}
			})
		</script>
	</body>
</html>
